.landing-ui-card-add-first-block {
	position: relative;
	text-align: center;
	padding-top: 120px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}

.landing-ui-card-add-first-block.landing-ui-show {
	animation: showAddYourFirstBlock 500ms ease both;
}

.landing-ui-card-add-first-block.landing-ui-hide {
	animation: hideAddYourFirstBlock 350ms ease both;
}



@keyframes showAddYourFirstBlock {
	0% {
		transform: translateZ(0) translateY(5%);
		opacity: 0;
	}

	100% {
		transform: translateZ(0) translateY(0);
		opacity: 1;
	}
}

@keyframes hideAddYourFirstBlock {
	0% {
		visibility: visible;
		pointer-events: none;
		transform: translateZ(0) translateY(0);
		opacity: 1;
	}

	100% {
		transform: translateZ(0) translateY(5%);
		opacity: 0;
	}
}

.landing-ui-card-add-first-block > .landing-ui-card-body {
	display: grid;
	grid-template-columns: repeat(5, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	padding: 40px;
}

@media all and (max-width: 1920px) {
	.landing-ui-card-add-first-block > .landing-ui-card-body {
		grid-template-columns: repeat(4, auto);
	}
}

@media all and (max-width: 1919px) {
	.landing-ui-card-add-first-block > .landing-ui-card-body {
		grid-template-columns: repeat(4, auto);
	}
}

@media all and (max-width: 1530px) {
	.landing-ui-card-add-first-block > .landing-ui-card-body {
		grid-template-columns: repeat(3, auto);
	}
}

@media all and (max-width: 1100px) {
	.landing-ui-card-add-first-block > .landing-ui-card-body {
		grid-template-columns: repeat(2, auto);
	}
}

@media all and (max-width: 740px) {
	.landing-ui-card-add-first-block > .landing-ui-card-body {
		grid-template-columns: repeat(1, auto);
	}
}


.landing-ui-card-add-first-block > .landing-ui-card-header {
	font-size: 48px;
	color: #212121;
	font-weight: bold;
}

.landing-ui-card-add-first-block .landing-ui-card-body .landing-ui-card-header {
	margin-right: 30px;
	font-size: 14px;
	text-align: left;
	line-height: 18px;
	margin-bottom: 14px;
	z-index: 301;
}


.landing-ui-card-add-first-block .landing-ui-card-body .landing-ui-card-body {
	margin-top: 0!important;
}


.landing-ui-card-add-first-block-subheader {
	margin-top: 25px;
	margin-bottom: 20px;
}

.landing-ui-card-add-first-block-subheader .landing-ui-button {
	border: 1px rgba(0,0,0,.1) solid;
}

.landing-ui-card-add-first-block-subheader .landing-ui-button.landing-ui-active {
	background-color: #ffffff;
	-webkit-box-shadow: inset 0 0 3px 0 #e0e0e0;
	box-shadow: inset 0 0 3px 0 #e0e0e0;
}


.landing-ui-card-add-first-block-subheader .landing-ui-button:first-child {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

.landing-ui-card-add-first-block-subheader .landing-ui-button:last-child {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}


.landing-ui-card-add-first-block .landing-ui-card-block-preview {
	margin: 0;
	padding: 20px;
}

.landing-ui-card-add-first-block .landing-ui-card-block-preview-image-container {
	height: 160px;
}